@extends('home.layouts.master')
@section('css')
    <link rel="stylesheet" href="{{asset('/css/weibo.css')}}">
@endsection
@section('content')
    <div class="mdui-container mdui-m-t-5">

        <div class="mdui-row">

            {{--左栏--}}
            <div class="mdui-col-md-7 mdui-col-offset-md-1">
                @include('home.layouts.faweibo')
                <div id="weibo_list">
                    {{--微博列表--}}
                    @foreach($feeds as $data)
                        @include('home.layouts.weibo')
                    @endforeach
                </div>
            </div>
            {{--右栏--}}
            <div class="mdui-col-md-3">
                {{--头像--}}
                @include('home.layouts.avatar')
                {{--热门微博--}}
                <div class="warp">
                    <a class="mdui-btn mdui-btn-block mdui-ripple mdui-shadow-2 mdui-m-b-2"
                       href="{{url('/hot')}}">热门微博</a>
                </div>
                {{--热门视频--}}
                <div class="warp">
                    <a class="mdui-btn mdui-btn-block mdui-ripple">精选视频</a>
                </div>
                <div class="warp mdui-video-container mdui-shadow-2 mdui-m-b-2">
                    @foreach($videos as $video)
                        <iframe height=498 width=510 src="{{$video->video}}" frameborder=0 allowfullscreen></iframe>
                    @endforeach
                </div>

                {{--热门话题--}}
                <div class="warp topic mdui-shadow-2 mdui-m-b-2 mdui-p-a-2">
                    <div class="topic-title">
                        <p class="mdui-list-item">热门话题</p>
                    </div>
                    @foreach($hot_topics as $v)
                        @include('home.layouts.hot_topic')
                    @endforeach

                </div>

            </div>
        </div>
        {{--底部友情链接--}}
        <div class="mdui-bottom-nav mdui-bottom-nav-text-auto mdui-color-indigo">
            @foreach($links as $link)
                @include('home.layouts.link')
            @endforeach
        </div>
    </div>
@endsection